<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片2</title>
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var arry= ['img/man00.jpg',
                'img/man01.jpg',
                'img/man02.jpg',
                "img/man03.jpg",
                "img/man04.jpg",
                "img/man05.jpg",
                "img/man06.jpg",
            ];

            interval = setInterval(function () {
                index =Math.floor(Math.random()*7);
                $("#img").prop("src",arry[index]).fadeIn(500);
                $("#img").fadeOut(1500)
            },1500);
        });

    </script>
</head>
<body>
<div id="div1" style="margin: auto;width: 400px;height: 250px" >
    <img  id="img" src="img/man03.jpg" style="width: 400px;height: 250px">


</div>
</body>
</html>